<template>
    <div class="num-list">
        <NumItem 
            v-for="(item, index) in numData" :key="index"
            :item='item'
            :data='data'
        />
    </div>
</template>

<script>
import numData from '@/datas/num.js';
import NumItem from './Item.vue';

export default {
    name: 'NumList',
    props: {
        data: Object
    },
    components: {
        NumItem
    },
    setup () {
        return {
            numData
        };
    }
}
</script>

<style lang='scss'>
.num-list {
    display: flex;
    flex-flow: row;
    margin: .15rem 0;
    padding: .1rem;
    box-shadow: 2px 2px 5px #999999;
}
</style>